<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <style>
        /*弹窗*/
        body {
            background: transparent;
        }
        #header .back {
            padding: 0;
            width: 1.25rem;
          }
        .popBox{
          padding: 3rem 1rem 1rem;
          height: 100%;
          background: #F3F6F8;
          top:0;
          width: 100%;
        }
        .popBox .success{
          text-align: center;
          padding-bottom: 1.2rem;
        }
        .popBox .success .text{
          padding-top: 0.6rem;
          font-size:0.7rem;
        }
        .popBox .success div > img{
          height: 2.1rem;
          margin: 0 auto;
          width: 2rem;
        }
        .title{
          font-size: 0.6rem;
        }
        .infoBox{
          border-top: 1px dashed #eee;
          border-bottom: 1px dashed #eee;
          line-height: 1.5rem;
          padding: 0.8rem 0;
        }
        .bomBtn{
          padding: 0 0.75rem;
          margin-top:1.2rem;
        }
        .bomBtn > div{
          width: 7rem;
          height: 2rem;
          line-height: 2rem;
          background: #E73550;
          font-size: 0.6rem;
          border-radius: 0.2rem;
          color: #fff;
          text-align: center;
        }
        .bomBtn > div.frist{
          margin-right: 0.7rem;
        }
        @media (max-width:320px)  {
          .bomBtn > div{
            width: 6rem;
        }
          .bomBtn > div.frist{
            margin-right: 0.45rem;
          }
        }
        @media (max-width:360px)  {
          .bomBtn > div{
            width: 6rem;
          }
        }
        .bomBtn{
          padding: 0 0.35rem;
        }
        .mo_img{
          border-radius: 8px;
          background-color: rgba(255, 255, 255, 1);
          box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.06);
          width: 100%;
          text-align: center;
          padding: 1rem;
          color: #444444;
        }
        .mo_img img{
          width: 3.8rem;
          height: 3.8rem;
          border-radius: 50%;
          display: inline;
        }
        .mo_img p{
          margin-top: .3rem;
          margin-bottom: .6rem;
        }
        .mo_img div{
          font-weight: 500;
          font-size: .9rem;
        }
    </style>
</head>

<body>
    <div class="popBox" id="data_html">
    </div>

    <script type="text/x-dot-template" id="data_tpl">
      <div class="success">
        <div><img src="../../image/common/17.png" alt=""></div>
        <div class="color-e7 text">支付成功</div>
        <div class="color-e7 aui-font-size-16 text-bold">{{= it.price ? '￥'+it.price : '' }}</div>
      </div>
      <div class="mo_img">
        <img src="{{= it.userInfo.user_avatar}}">
        <p>{{= it.userInfo.user_nickname}}</p>
        {{ if(it.type == '1' && getUserVip()==1 ){ }}
        <div>恭喜您成为 有蜜VIP会员！</div>
        <div>赶快去建立你的团队吧！</div>
        {{ } }}
      </div>
      <div class="bomBtn aui-flex-col aui-flex-center">
        <div class="frist" tapmode onclick="back();">返回首页</div>
        <div tapmode onclick="look();">查看订单</div>
      </div>
    </script>
</body>
<script type="text/javascript" src="../../script/import.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
var dotData = {};
    apiready = function() {
      dotData = {
        userInfo: getUserinfo(),
        price: api.pageParam.payNum,
        type: api.pageParam.payType
      }
      var tpl = $$('#data_tpl').html();
      var tempFn = doT.template(tpl);
      $$('#data_html').html(tempFn(dotData));
      api.parseTapmode();
    };

    function getPrice(){
      var price = '';
      if(api.pageParam.payNum){
        price = '￥' + api.pageParam.payNum;
      }
      return price;
    }

    function back(){
      api.closeToWin({
        name: 'root'
      });
    }

    function look(){
      api.openWin({
        name: 'order1_win',
        url: '../mine/order1_win.html',
        reload: true
      });
    }
</script>

</html>
